<template>
  <v-container>
    <v-hover  >
      <v-card
        class="mx-auto on-hover"
        flat
      >
        
        <v-card-text class="text-md-h6 black--text text-sm-subtitle-1" 
        max-height="200"
        >
          为什么你家的网站老被别人篡改信息呢？
        </v-card-text>

        <v-card-actions>
          <v-list-item>
            <v-list-item-avatar color="" size="20"  tile>
              <v-img
                class="elevation-6"
                alt=""
                tile
                src="https://img.printf520.com/img/picture/s.weibo.com.png"
              ></v-img>
            </v-list-item-avatar>

            <v-list-item-content>
              <v-list-item-title class="text-caption grey--text">微博热门 ● 23小时前</v-list-item-title>
            </v-list-item-content>
          </v-list-item>
        </v-card-actions>
      </v-card>
    </v-hover>
    <v-divider class="item_divider"></v-divider>
  </v-container>
</template>

<script>

</script>
<style  scoped>


.v-card:hover{
  background-color: #f4f5f5;
  border-bottom: unset;

}
.container {
    padding: 0 12px 0 12px;
}
.v-card__subtitle, .v-card__text, .v-card__title {
    padding: 16px 16px 0px 16px;
}
.item_divider {
  border-color: #f4f4f4;
}
</style>
